@charset "utf-8";

:root {
    --main_width: 64.365vw;
    --title_margin_top: 1.9804vw;
    --title_margin_bottom: 2.9705vw;

    --gridc_width: 19.225vw;
    --gridc_gap: 0.83627vw;
    --gridr_height: 5.7592vw;
    --gridc_margin_LR: 59.348vw;

    --gridr_fontsize: 1.0451vw;
    --info_fontsize: 1.6723vw;

    --text_font_size: 1.1322vw;

    --title_font_size: 1.4214vw;
    --title_width: 26.712vw;
    --title_height: 2.0411vw;
    --title_padding_top: 1.0033vw;
    --title_padding_bottom: 1.0033vw;

    .contact_grid_c {
        display: grid;
        grid-template-columns: var(--gridc_width) var(--gridc_width) var(--gridc_width);
        margin: 3vw 0 4vw 0;
        gap: var(--gridc_gap);
    }
}

.gridc_width {
    width: var(--gridc_margin_LR);
    margin: 0 auto;
}

.contact_table {
    width: var(--main_width);
}

.title_color {
    width: var(--title_width);
    height: var(--title_height);
    margin: var(--title_margin_top) auto;
    padding: var(--title_padding_top) 0 var(--title_padding_bottom) 0;
    color: white;
    font-weight: bold;
    font-size: var(--title_font_size);
    background-color: #3760A2;
}

.text {
    font-size: var(--text_font_size);
}

.contact_grid_c a {
    color: black;
    text-decoration: none;
}

.contact_grid_c div {
    border: 0.2504vw solid #3760A2;
    border-radius: 2.1328vw;
    box-shadow: 0.2vw 0.5vw 1.5vw #bbb;
}

.contact_grid_r {
    height: var(--gridr_height);
    display: grid;
    grid-template-rows: 0.75fr 0.75fr 1fr;
    gap: 0vw 0.5vw;
}

.contact_grid_r2 {
    height: var(--gridr_height);
    display: grid;
    grid-template-rows: 0.75fr 1fr;
    gap: 0.65vw;
    padding-top: 0.5vw;
}

.gridr_font {
    font-size: var(--gridr_fontsize);
}

.information {
    font-size: var(--info_fontsize);
    font-weight: bold;
    color: #3760A2;
    text-align: center;
}